<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册</title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			.p1{
				width: 99%;
			}
			.p2{
				width: 1517px;
				margin: 0 auto;
			}
		    #bigbox{
				width: 1517px;
				height: 935px;
				border: 1px solid #CCCCCC;
				position: relative;
			}
			#picturebox img{
				width: 380px;
				height: 936px;
				position: absolute;
				top: 0px;
				left: 0px;
			}
			
			.box1{
				width: 385px;
				height: 688px;
				border: 1px solid #CCCCCC;
				line-height: 80px;
			    margin-left: 355px;
				margin-top: 100px;
				font-size: 30px;
				padding-left: 50px;
				padding-top: 25px;
			    box-shadow: 10px 10px 10px #CCCCCC;
			}
			.box1 p{
				display: inline-block;
				margin: 3px;
				font-size: 20px;
			}
			#lsb input{
				width: 350px;
				height: 50px;
				background-color: #EEEEEE;
				font-size: 20px;
			}
			#oo{
				padding-left: 20px;
				font-size: 15px;
				color: #CCCCCC;
			}
			#dl{
				width: 353px;
				height: 56px;
				background-color: orange;
				font-size: 20px;
				text-align: center;
				color: #EEEEEE;
				line-height: 56px;
			}
			#yan{
				display: inline-block;
				margin-top: 0;
				font-size: 15px;
				color: red;
			}
			#wg{
				font-size: 20px;
				color: #CCCCCC;
				margin-top: -45px;
				margin-left: 108px;
			}
			#zw{
				margin-left: 36px;
				margin-top: -10px;
			}
			#boxbottom{
				width:1136px ;
				height:935px;
				border: 1px solid  #CCCCCC;
				position: absolute;
				left: 380px;
			}
			.position{
				position: absolute;
				left:800px;
				top: 27px;
				color: #ADADAD;
			}
			.charactersbottom{
				position: absolute;
				top: 900px;
				left: 300px;
				font-size: 15px;
				color: #ADADAD;
			}
		</style>
	</head>
	<body>
		<div class="p1">
			<div class="p2">
				

		<form action="try.php" method="get">
				
		<div id="bigbox">
			
			<div id="picturebox">
				<img src="./img/fei.png" >
			</div>
			
		<div id="boxbottom">
			<img src="./img/小米账号.png" >
			<p class="position">用户协议&nbsp;&nbsp;隐私政策&nbsp;&nbsp;帮助中心&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;中文(简体)</p>
			<p class="charactersbottom">小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</p>
			
		<div class="box1" >
			<a href="try02.html"><p>登录 </p></a>	
				<p>注册</p><br>
			<div id="lsb">
				<input  type="text" id="name" name="name"      placeholder="用户名/ID/银行卡密码"></label><br>
				<input  type="password" name="password"  placeholder="请输入密码">          </label><br>
				<input  type="password" name="password1" placeholder="请确认密码">          </label><br>
			</div>
			<div id="oo">
				√ 已阅读并同意小米帐号 用户协议 和 隐私政策
			</div>
			
			<input type="submit"  id="dl" value="注册" >
					
			<div id="yan">
				收不到验证码?
			</div>
		
			<div id="wg">
				<p>其他方式登录</p>
			</div>
				
			<div id="zw">
				<a href="./img/支付宝骚吗.png"><img src="./img/支付宝.png" ></a>
				<a href="./img/微信支付.png">  <img src="./img/微信.png" ></a>
				<a href="./img/扣扣登录.png"><img src="./img/qq.png" ></a>
				<img src="./img/weibo.png" >		
			</div>
	    </div>
	   </div>
	   </form>
	   </div>
	   </div>

		<script type="text/javascript">
			alert("用户名需4至12的字母");
		</script>
	</body>
</html>
